<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接</title>
</head>
<body>
<!--      <a href="p1.html">跳转到第一个页面</a>"-->
<!--      <a href="p2.html">跳转到第二个页面</a>-->
<!--      <a href="p3.html">跳转到第三个页面</a>-->
<!--      <hr>-->
<!--      <a href="https://www.baidu.com">跳转到百度</a>-->
<!--      <a href="https://www.tmooc.cn">跳转到达内</a>-->
<!--      -->
<!--      <a href="https://www.baidu.com">-->
<!--          <img src="2.png" width="200px">-->
<!--      </a>-->
<!--      <a href="https://www.baidu.com" target="_self">百度1</a>-->
<!--      <a href="https://www.baidu.com" target="_blank">百度2</a>-->
<h1>西游记</h1>
<a href="#c1">快速跳转至第一章</a>
<a href="#c2">快速跳转至第二章</a>
<a href="#c3">快速跳转至第三章</a>
<hr>
<h3 id="c1">第一章 石猴出世</h3>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aliquid atque autem commodi consequatur,
    dolorum eaque eius enim est et eveniet expedita fuga fugiat harum illum impedit inventore iure laboriosam libero
    magnam maiores molestias nam nemo nesciunt nihil no</p>
<h3 id="c2">第二章 蓬莱学艺</h3>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aliquid atque autem commodi consequatur,
    dolorum eaque eius enim est et eveniet expedita fuga fugiat harum illum impedit inventore iure laboriosam libero
    magnam maiores molestias nam nemo nesciunt nihil no</p>
<h3 id="c3">第三章 龙宫借宝</h3>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aliquid atque autem commodi consequatur,
    dolorum eaque eius enim est et eveniet expedita fuga fugiat harum illum impedit inventore iure laboriosam libero
    magnam maiores molestias nam nemo nesciunt nihil no</p>


</body>

</html>